<template>
	<view>
		<uni-nav-bar title="发布广告" left-icon="back" :border="false" background-color="transparent"  @clickLeft="$tab.back()"  :fixed="true" :statusBar="true"></uni-nav-bar>
		<image src="https://file.fulewanjia.com/fulewanjia/profile/appImages/common/ad_top.png" class="image-1" mode=""></image>
		<view class="px-20">
			<view class="box-1 flex flex-col align-center justify-between">
				<view class="text-center">
					<image :src="`https://file.fulewanjia.com/fulewanjia/profile/appImages/common/${state == 0 ? 'img_shenhezhong' : 'img_shenheshibai'}.png`" mode="" class="image-2"></image>
					<view class="text-32" :style="{
						color:state == 0 ? '#64CA59' : ' #FDABAB'
					}">
						{{state == 0 ? ' 审核中' : '审核失败'}}
					</view>
					<view class="text-24 mt-16" style="color: #9E9E9E;">
						您提交的广告投放{{state == 0 ? ' 审核中' : '审核失败'}}，请{{state == 0 ? '耐心等待' : '重新提交~'}}
					</view>
				</view>
				
				<view class="box-2 text-FFF text-center" @click="$tab.back()">
					{{state == 0 ? '我知道了' : '重新提交'}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				state:1
			};
		},
		onLoad(e) {
			this.state = e.state
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #F8F8F8 !important;
	}
	
	/deep/ .uni-navbar {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 9;
	}
	
	.image-1{
		width: 100%;
		height: 304rpx;
	}
	
	.image-2{
		width: 400rpx;
		height: 400rpx;
	}
	
	.box-1{
		width: 710rpx;
		height: 960rpx;
		background: #FFFFFF;
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		padding: 100rpx  0 152rpx 0rpx;
	}
	
	.box-2{
		width: 372rpx;
		height: 80rpx;
		background: linear-gradient(180deg, #FFB23A 0%, #FF5617 100%);
		border-radius: 252rpx 252rpx 252rpx 252rpx;
		line-height: 80rpx;
	}
</style>
